<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@page import="java.util.Map" %>

<%
	String path = request.getContextPath();//获得上下文的路径,得到web项目
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache" />  
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache" />  
<META HTTP-EQUIV="Expires" CONTENT="0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="<%=basePath%>" />

<title>学生留言建议反馈系统 - 用户登录</title>
<style type="text/css">

      /* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
        text-align: center;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }



      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      #wrap > .container {
        padding-top: 60px;
      }
      .container .credit {
        margin: 20px 0;
      }

      code {
        font-size: 80%;
      }

    </style>
<link rel="stylesheet" type="text/css" href="lib/jquery-ui-1.10.3/themes/base/jquery-ui.css" />

<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap-responsive.css">
<link rel="stylesheet" type="text/css" href="styles/bootstrap-login.css" />

<link rel="stylesheet" type="text/css" href="styles/style.css" />

<script type="text/javascript" src="lib/js/jquery-readable.js"></script>
<script type="text/javascript" src="lib/js/jquery-migrate-readable.js"></script>
<script type="text/javascript" src="lib/bootstrap/js/bootstrap.js"></script>

<script type="text/javascript" src="lib/validate/js/jquery.validate.js"></script>
<script type="text/javascript" src="lib/validate/js/jquery.metadata.js"></script>
<script type="text/javascript" src="lib/validate/js/messages_cn.js"></script>


<script type="text/javascript" src="js/ui/login.js"></script>
</head>
<body>
<div id="wrap">
	<input id="baseURL" name="baseURL" type="hidden" value="<%=basePath%>" />
	<div id="topMenu" class="navbar navbar-inverse  navbar-fixed-top">
		<div class="navbar-inner" style="height: 30pt;">
			<div class="container">
				<p class="brand" style="margin: 0px;">
				<img src="images/sign.jpg" width="41" height="46" />
				学生留言建议反馈系统
				</p>
			</div>
		</div>
	</div>
	
	<!-- main -->
	<div class="container">
	    <div>
		    <div class="bs-login">
			    <div class="bs-signin">
					<form id="loginForm" class="form-horizontal">
					   <div class="control-group">
					    <div class="controls">
					      <h1>用户登录</h1>
					    </div>
					  </div>
					  <div class="control-group">
					    <div class="controls">
					      <div id="errorMessage"></div>
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="userName">用户名：</label>
					    <div class="controls">
					      <input type="text" id="userName" name="userName" class="required" placeholder="用户名">
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="password">密码：</label>
					    <div class="controls">
					      <input type="password" id="password" name="password" class="required" placeholder="密码">
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="type">用户类型：</label>
					    <div class="controls">
					      <select name="type" id="type">
					      	<option value="student" selected="selected">学生</option>
					      	<option value="manager">管理员</option>
					      </select>
					    </div>
					  </div>
					  <div class="control-group">
					    <label class="control-label" for="validateCode">验证码：</label>
					    <div class="controls">
					      	<input type="text" id="validateCode" name="validateCode" class="input-small required" placeholder="验证码">
						    	<span>
						    		<a href="login.jsp"><img src="validate.jpg" alt="" width="75" height="30" /></a>
						    	</span>
					    </div>
					  </div>
					  <div class="control-group">
					    <div class="controls">
					      <button type="button" id="login" class="btn btn-primary">登录</button>
					      <a href="register.jsp" class="btn">注册</a>
					    </div>
					  </div>
					</form>
			    </div>
		    </div>
	    </div>

	</div>	
	<div id="push"></div>	
</div>
	<!-- footer -->
	<div id="footer">
		<div class="container">
			<p class="muted credit">©2013&nbsp;<a href="http://www.zkvtc.edu.cn/" target="_blank">周口职业技术学院</a></p>
		</div>
	</div>
	
</body>
</html>